import React, { Component } from "react";

// const obj = { color: "red" };

class App extends Component {
  render() {
    return (
      <>
        <h2>内联改变样式</h2>
        {/* jsx的内部使用注释，也要大括号 */}
        {/* 外层的大括号是jsx的括号，里层的括号的是对象的括号 */}
        {/* key如果是连字符的，需要写成小驼峰 */}
        {/* 如果属性值是px，那么px是可以省略，直接写数字 */}
        <p style={{ color: "red", fontSize: 30, lineHeight: "30px" }}>
          hello react!!
        </p>
      </>
    );
  }
}

export default App;
